*{margin:0;
  padding:0}:focus,:active {outline:0}img{border: 0}
body { font: .8em Arial, Tahoma, Verdana;
       color: #777;
}
a { text-decoration: none;
    color: #B20F0F;
}
h1 { font-size: 1.4em;
     font-weight: normal;
}
h1 a { color: #fff;
       font-size: 1.6em;
}
h2 { font-size: 1.2em;
}
h3 { font-size: 1.2em;
     background: #B00A0A url(../images/redbg.gif) repeat-x left bottom;
     padding: 6px 7px;
     color: #fff;
     font-weight: normal;
     margin: 0 0 15px;
     float: left;
}
h4 { margin: 0 0 15px;
     color: #555;
     font-weight: normal;
     font-size: 1.6em;
     font-weight: normal;
}
p { clear: both;
    line-height: 1.64em;
    margin: 0 0 15px;
}
.line { clear: both;
        border-bottom: 1px solid #ddd;
        margin: 10px 0 10px;
}
.clear { clear: both;
}
#content { width: 970px;
           margin: 0 auto;
}
#top { color: #ccc;
       padding: 6px 20px 0;
       font-size: .84em;
       text-align: right;
}
#logo { float: left;
        background: url(../images/ic_launcher.png) no-repeat;
        background-position: center center;
        padding: 100px 25px 15px;
        margin: -46px 0 0px;
}
#logo h1 { text-shadow: 1px 1px 1px #000000;
}
#menu { float: right;
        margin: 63px 20px 0;
}
#menu li { display: inline;
           font-size: 1.3em;
}
#menu li a { float: left;
             color: #808080;
             padding: 0 0 5px;
             margin: 0 0 0 55px;
}
#menu li a:hover, #menu li.current a, #menu li a:focus { color: #000;
                                                         border-bottom: 1px solid #ddd;
}

#introduction_main_section { background: url(../images/introduction_picture.jpg) no-repeat right top;
         padding: 0px 350px 0 0;
         border-bottom: 1px solid #ddd;
         height: 210px;
         margin: 0 0 35px;
}

#introduction_main_section h1 { font-size: 2.6em;
            color: #000;
            margin: 0 0 20px;
}

#introduction_main_section h2 { line-height: 1.5em;
}

#demo_main_section h1 { font-size: 2.6em;
                                color: #000;
                                margin: 0 0 20px;
}

#demo_main_section h2 { line-height: 1.5em;
}



.left { float: left;
        width: 250px;
}	
.right { float: right;
         width: 630px;
         margin: 0 0 20px;
}

.right h3 { background: #808080;
            font-size: .84em;
}
#introduction li {
    clear: both;
}

#introduction_secundary_section .sub_section { float: left;
         width: 296px;
         margin: 0 40px 20px 0;
}

#introduction_secundary_section .last_sub_section { margin-right: 0;
}


#footer { clear: both;
          font-size: .84em;
          border-top: 1px solid #ddd;
          position: fixed;
          bottom: 0px;
          left: 0px;
          width: 100%;
          background: #B00A0A url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x left bottom;
}
